import React from 'react';
import { Tabs } from 'antd-mobile'
import './found.scss';
import Footer from "../Component/Footer";

function Found() {
    return (
    <div className='found'>
        {/* 导航栏 */}
        <Tabs className='na'>
          <Tabs.Tab title='路线' key='route'>
          {/* 路线列表 */}
          <ul className='route-list'>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/272/272-28173.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/272/272-28173.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/272/272-28173.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/272/272-28173.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/272/272-28173.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/272/272-28173.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/272/272-28173.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/272/272-28173.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/272/272-28173.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/272/272-28173.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/272/272-28173.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/272/272-28173.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
        </ul>
          </Tabs.Tab>
              {/* 美墅列表 */}
          <Tabs.Tab title='美墅' key='villa'>
          <ul className='route-list'>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/530/530-14963987117221.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/530/530-14963987117221.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/530/530-14963987117221.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/530/530-14963987117221.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/530/530-14963987117221.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/530/530-14963987117221.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/530/530-14963987117221.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/530/530-14963987117221.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/530/530-14963987117221.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/530/530-14963987117221.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/530/530-14963987117221.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/530/530-14963987117221.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
        </ul>
          </Tabs.Tab>
              {/* 活动列表 */}
          <Tabs.Tab title='活动' key='activity'>
          <ul className='route-list'>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/754/754-15267215514291.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/754/754-15267215514291.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/754/754-15267215514291.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/754/754-15267215514291.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/754/754-15267215514291.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/754/754-15267215514291.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/754/754-15267215514291.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/754/754-15267215514291.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/754/754-15267215514291.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/754/754-15267215514291.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/754/754-15267215514291.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
            <li className='list'>
                <div >
                    <img className='img-box' src='https://img.villaday.com/images/topic/754/754-15267215514291.jpg'></img>
                </div>
                <p className='text'>最攻略 | 广东摘果地图！葡萄、百香果、无花果... 周末马上走起！</p>
            </li>
        </ul>
          </Tabs.Tab>
        </Tabs>
        <div className='no-more'>
            <span>没有更多了</span>
        </div>
        <Footer />
    </div> );
}

export default Found;